<template>
  <div class="second">
    <div>
      <h1>This is the second page:{{id}}--{{number}}--{{me}}</h1>
      <div>
      
      <nav>
        <router-link class="luyou" :to="{ name: 'video-info1'}">first</router-link>
        <router-link class="luyou" :to="{ name: 'video-info2'}">second</router-link>
      </nav>
     <router-view />
    </div>
    </div>
<div class="tu">
<div><div><ImageOne> </ImageOne></div></div>
<div><div><ImageOne> </ImageOne></div></div>
</div>
  </div>
</template>
<script>
import ImageOne from "/src/components/ImageOne.vue";
export default {
  name: "SecondView",
   components: {
    ImageOne
  },
  props: ["id", "number","me"],
};
</script>
<style scoped>
span {
  color: red;
}
.tu>div{
  width:50%;
  height:80%;
  text-align: center;
}
.tu{
    display:flex;
    justify-content: space-between;
}
</style>